import req from '../../utils/req.js'
// import pubsub from 'pubsub-js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 轮播图数据
    banners: [],
    // 推荐歌曲数据
    recommendList: [],
    // 排行榜数据
    topList: []
  },
  // handlelogin() {
  //   wx.navigateTo({
  //     url: '../login/login',
  //   })
  // },
  // 每日推荐
  handletuijian(){
    wx.navigateTo({
      url: '/songs/pages/recommendSong/recommendSong',
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: async function(options) {
    // wx.request({
    //   url: "http://localhost:3000/banner",
    //   data: {
    //     type: 2
    //   },
    //   success: (res) => {
    //     // 获取到响应体数据:res.data
    //     this.setData({
    //       banners: res.data.banners
    //     })
    //   }
    // })

    // wx.request({
    //   url: "http://localhost:3000/personalized",
    //   success: (res) => {
    //     console.log(res)
    //     // 获取到响应体数据:res.data
    //     this.setData({
    //       banners: res.data.banners
    //     })
    //   }
    // })
    // const result = await req("/banner", {
    //   // iphone类型
    //   type: 2
    // });
    // this.setData({
    //   banners: result.banners
    // })

    // 可以有10个出口，不用一个个的等，可以考虑并发

    req("/banner", {
        type: 2
      })
      // then方法，前面执行完在执行这里
      .then((result) => {
        this.setData({
          banners: result.banners
        })
      })

    // const result2 = await req("/personalized");
    // this.setData({
    //   recommendList: result2.result
    // })

    req("/personalized")
      .then((result2) => {
        this.setData({
          recommendList: result2.result
        })
      })

    // wx.request({
    //   url: "http://localhost:3000/top/list?idx=6",
    //   // data:{
    //   //   idx,
    //   //   key
    //   // },
    //   success: (res) => {
    //     console.log(res)
    //     // 获取到响应体数据:res.data
    //     this.setData({
    //       banners: res.data.banners
    //     })
    //   }
    // })

    const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
    const topList = [];
    let index = 0;

    // while条件为true的时候代码会一直执行
    // 判断下标是否小于数组的长度
    while (index < arr.length) {
      //  接口        idx必选参数对应以下的排行榜
      req("/top/list", {
          idx: arr[index++]
        })
        // then方法，前面执行完在执行这里
        .then((result3) => {
          // 拆分，拿取自己想要的值
          const obj = {
            name: result3.playlist.name,
            id: result3.playlist.id,
            list: result3.playlist.tracks.slice(0, 3).map(function(item) {
              return item.al
            })
          }
          topList.push(obj);
          this.setData({
            topList
          })
        })
    }
    // console.log(pubsub)
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})